<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>HTML实例</title>
    </head>
    <body>
        <h2>HTML标签实例：3. 超级链接中的锚点跳转</h2>
        <ul>
            <li><a href="#one">第一章</a></li>
            <li><a href="#two">第二章</a></li>
            <li><a href="#three">第三章</a></li>
            <li><a href="#four">第四章</a></li>
        </ul>
        
        <a id="one"></a>
        <h3>第一章<h3>
        <div style="width:900px;height:380px;background-color:red;"></div>
        
        <a id="two"></a>
        <h3>第二章<h3>
        <div style="width:900px;height:380px;background-color:green;"></div>
        
        <a id="three"></a>
        <h3>第三章<h3>
        <div style="width:900px;height:380px;background-color:blue;"></div>
        
        <a id="four"></a>
        <h3>第四章<h3>
        <div style="width:900px;height:380px;background-color:yellow;"></div>
    </body>
</html>